@import "reset.styl"
@import "variable.styl"

body, html
  line-height: 1
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'
  user-select: none
  -webkit-tap-highlight-color: transparent
  // min-width 1200px
  margin 0
  padding 0
  background #ffffff
.el-form-item.is-success .el-input__inner, .el-form-item.is-success .el-input__inner:focus, .el-form-item.is-success .el-textarea__inner, .el-form-item.is-success .el-textarea__inner:focus{
  border-color #dcdfe6
}
.el-breadcrumb__inner
  font-weight unset!important
  line-height 60px
  /*基础样式，有效宽度为1200px*/
.sWidth
  width 1200px
  min-width 1200px
  margin 0 auto

.borderBox
  -moz-box-sizing border-box /*Firefox3.5+*/
  -webkit-box-sizing border-box /*Safari3.2+*/
  -o-box-sizing border-box /*Opera9.6*/
  -ms-box-sizing border-box /*IE8*/
  box-sizing border-box

ellipsis(num)
  text-overflow ellipsis
  display -webkit-box!important
  -webkit-line-clamp num
  overflow hidden
  /*! autoprefixer: off */
  -webkit-box-orient vertical
  /* autoprefixer: on */

.basicBtn
  width 112px
  height 32px
  border-radius 2px
  background $color-text
  line-height @height
  text-align center
  display inline-block

.titleOne
  font-size: 30px;
  color: #2B87CF;
  text-align: justify;
  line-height: 30px;

.box-shadow
  -o-box-shadow: 0 1px 12px 0 rgba(0,0,0,0.16);
  -ms-box-shadow: 0 1px 12px 0 rgba(0,0,0,0.16);
  -moz-box-shadow:0 1px 12px 0 rgba(0,0,0,0.16);
  -webkit-box-shadow:0 1px 12px 0 rgba(0,0,0,0.16);
  box-shadow:0 1px 12px 0 rgba(0,0,0,0.16);


.box-shadow-bottom
  -o-box-shadow: 0 6px 12px 0 rgba(0,0,0,0.16);
  -ms-box-shadow: 0 6px 12px 0 rgba(0,0,0,0.16);
  -moz-box-shadow:0 6px 12px 0 rgba(0,0,0,0.16);
  -webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,0.16);
  box-shadow:0 6px 12px 0 rgba(0,0,0,0.16);
input::-ms-clear,input::-ms-reveal{
  display:none !important;
}  
.flex-row{
  display: flex;
  flex-direction: row;
}

.flex-col{
  display: flex;
  flex-direction: column;
}
